@CHARSET "ISO-8859-1";
body{
	background: url("../images/natfl145.png");
	background-repeat: repeat;
}
#page{
	position:absolute;
	left: 5%;
	min-width:1200px;
	min-height:1200px;
	width:1200px;
	height:1200px;
}

#entete{
	margin-top: -40px;
	background: url("../images/entete1.png") no-repeat;
	min-height: 315px; 
	min-width: 1200px;
	height: 315px; 
	width: 1200px;
}
#menu{
	margin-left:8%;
	background: url("../images/navigationFondOrange.png") no-repeat;
	min-height: 64px; 
	min-width: 805px;	
	height: 64px; 
	width: 805px;
}
#corps {
	margin-left:8%;
	background: url("../images/container.png") no-repeat;
	min-height: 642px;
	min-width: 805px;
	height: 642px;
	width: 805px;
	z-index: 10px;
}

ul#topnav {
	top:10px;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 1.1em;
	margin: 24px 0px 0px 17px ;
}
ul#topnav li{
	margin: 0;
	padding-top: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:64px;
	width: 85px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 0px;
	float: left;
	text-decoration: none;
	color: #1800ff;
	background: url("../images/ongletArrondi2.png") no-repeat;
	font-size: 8pt;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #555;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	top:10px;
	background-position: left top;
}

#content-title{
	background: url("../images/containerbleu.png") no-repeat scroll;
	min-height: 642px;
	min-width: 805px;
	height: 642px;
	width: 805px;
	position:absolute;
	left:8%;
	width:100%;
}
#contenu {
	float:left;
	min-height: 630px;
	min-width: 790px;	
}